<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>列表页</title>
<!-- 禁止检查当前域名 -->
<meta name="referrer" content="never">
<!-- 网站图标 -->
<link rel="shortcut icon" href="Bad egg Smile.ico" />
<!-- 初始化css文件：用来将所有浏览器中显示不一样的样式，变的一样 -->
<link rel="stylesheet" href="../css/normalize.css">
<!-- 引入bootstrap -->
<link rel="stylesheet" href="../css/bootstrap.css">
<!-- 公共样式 -->
<link rel="stylesheet" href="../css/common.css">
<!-- 当前文件的css -->
<link rel="stylesheet" href="../css/list.css?b=4">

<link rel="stylesheet" href="../lib/layui/css/layui.css">
<!-- 引入js的库 -->
<script src="../lib/jquery.min.js"></script>
<!-- 引入bootstrap.js，bootstrap的js需要依赖一个js库 -->
<script src="../lib/bootstrap.js"></script>
<script src="../lib/layer/layer.js"></script>
</head>
<body>
<!-- 顶部 -->
<div class="wrap navbar-default">
    <div class="content">
        <nav class="navbar">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand logo" href="index.html">
                        <img src="../static/images/Bad egg Smile.jpg" alt="">
                    </a>
                </div>
            
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">首页 </a></li>
                        <li class="active"><a href="index.html">列表页 <span class="sr-only">(current)</span></a></li>
                       
                    </ul>
                    <form class="navbar-form navbar-left">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search">
                        </div>
                        <button type="submit" class="btn btn-default">搜索</button>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                    </ul>
                    <!-- 登陆注册 -->
                    <ul class="nav navbar-nav navbar-right login">
                        <li><a href="">购物车</a></li>
                        <li><a href="login.html">登陆</a></li>
                        <li><a href="register.html">注册</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
</div>
<!-- 面包屑 -->
<div class="wrap">
    <div class="content">
        <div class="jumbotron descipt" style="border: solid 5px black;border-radius: 20px; font-style: italic; font-weight: bolder;">
            <h2>简介</h2>
            <p class="info" style="font-size:16px;">旅游网是旅游组织向公众展示旅游信息的平台，有官方旅游网站，也有私人旅游网站，官方的侧重政务，私人的侧重旅游市场及宣传，向广大旅游朋友提供旅游相关信息资讯、产品等信息。
            中国的旅游网在1996年开始出现。旅游是大众趋势，互联网已经成为最大的传媒之一，因此旅游网发展速度非常快，每年都有成千上万家旅游网站出现，截至2012年底具有一定旅游资讯能力的旅游网有5000多家，其中专业旅游网300余家。</p>
            <p><a class="btn btn-primary btn-lg" href="#scenics" role="button">查看景点</a></p>
        </div>
        <ol class="breadcrumb">
            <li><a href="index.html">首页</a></li>
            <li class="active"><a href="javascript:;">列表页</a></li>
        </ol>
    </div>
</div>

<!-- 景点列表 -->
<div class="wrap" id="scenics">
    <div class="content">
        <h1>旅游网站 <small>所有景点</small></h1>
        <div class="container fluid">
            <div class="row scenics" id="list">
                
                <!-- <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="thumbnail">
                        <img src="http://5b0988e595225.cdn.sohucs.com./static/images/20171222/014e9fc392984995bb10bf8b40385bb0.jpeg" alt="...">
                        <div class="caption">
                            <h3>颐和园</h3>
                            <p>阿斯顿发斯蒂芬阿斯蒂芬</p>
                            <p>
                                <a href="#" class="btn btn-default" role="button">查看详情</a>
                            </p>
                        </div>
                    </div>
                </div> -->

            </div>
        </div>
    </div>
</div>
<div class="page container text-center" id="page"></div>

</body>
</html>
<script src="../lib/ajax.js"></script>
<script src="../lib/layui/layui.js"></script>
<script src="../lib/cookie.js"></script>
<script src="../js/checkLogin.js"></script>
<script src="../js/list.js"></script>
